@import './variable.scss';

.van-cell-left{
  .van-cell{
    &__title{
      flex:none;color:#969799
    }
    &__value{
      text-align:left;color:#333;
    }
  }
}

.van-switch{
  width:40px;height:20px;
  .van-switch__node{width:20px;height:20px;border-radius:50%;}
}
.van-switch--on .van-switch__node{transform: translateX(20px) !important;}

.van-button{
    border-radius:8px;
    &.btn{
        &-grey{
            border:none;background:$greyD;color:#fff;
        }
    }
}

.van-tag{
  border-radius:10rpx !important;
}

.tag{
  &-green{
      &.van-tag{
          background:$green;color:#fff;
      }
      &-light{
          &.van-tag{
              background:$light-green;color:$green;
          }
      }
  }
  &-orange{
      &.van-tag{
          background:$orange;color:#fff;
      }
  }
  &-red{
      &.van-tag{
          background:$red;color:#fff;
      }
  }
  &-grey{
      &.van-tag{
          background:$grey;color:#fff;
      }
      &-light{
          &.van-tag{
              background:#eee;color:#999;
          }
      }
  }
  &-blue{
      &.van-tag{
          background:$blue;color:#fff;
      }
      &-light{
          &.van-tag{
              background:$light-blue;color:$blue;
          }
      }
  }
}
.submit-bar{
  &-full{
      .van-submit-bar{background:$bg;
          &__bar{background:$bg;}
      }
      .van-submit-bar__button{
          width:100%;
          .van-button{
              background:$green;color:#fff;border-radius:12rpx;
          }
      }
  }
  &-price-left{
      .van-submit-bar__text{
          text-align:left;
      }
  }
  &-no{
      .van-submit-bar{
          &__bar{justify-content: space-between;}
          &__button{display:none;}
      }
  }
}
.van-submit-bar{
  &__price{color:$red;}
  .van-button{
  //    border:none; background:linear-gradient(to right, #07A86A, #006241);color:#fff;
  }
}

.van-cell-vertical{
  .van-cell{align-items: center;}
}
.nobg{
  .van-nav-bar{
      background:none;
      &__title{color:#fff;}
      .van-icon-arrow-left{color:#fff!important;}
  }
}

.van-empty__image{
  width:240rpx !important;height:240rpx !important;
}

.arrow{
  &-top{
      .van-icon-play{
          transform: rotate(-90deg);
      }
  }
  &-down{
      .van-icon-play{
          transform: rotate(90deg);
      }
  }
  
}

.van-sidebar-item--select::before{
    background-color:$blue;
}
.van-tree-select__item--active{
    color:$blue
}